<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- window.onload = function(){

    } 窗口加载事件 当文档内容完全加载完成会触发该事件，就调用的处理函数
    
    有了它就可以把js写在文件中任何地方-->
    <script>
        // window.onload = function(){
        //     var btn = document.querySelector('button');
        //     btn.onclick = function() {
        //         alert('加载完毕'); 
        //     }

        // }
        window.addEventListener('load', function () {
            var btn = document.querySelector('button');
            btn.onclick = function () {
                alert('加载完毕');
            }
        })
        window.addEventListener('load',function(){
            alert('6')
        })
        document.addEventListener('DOMContentLoaded',function(){
            alert('33')
        })
        // load 等待页面内容全部加载完毕，包含页面dom元素 图片 flash css等
        // DOMContentLoaded 是DOM加载完毕 不包含图片 flash css 等就可以执行 加载速度比load快
    </script>
    <button>点击</button>
</body>

</html>